<div class="mycf">
    <header class="mycf-header" >
        <i nz-icon nzType="left" nzTheme="outline" routerLink="/pages/mycf"></i>
        <h2>用药评价</h2>
        <p style="float: right">提交</p>
    </header>

    <div class="mycf-body">
        
        
        
        <nz-card>
        <!-- <nz-card  [nzActions]="[actionSetting]"> -->
            <div class='yaopin-c'>

                <div class="yaopin-card" nz-row  *ngFor="let item of _yaopinList">
                    <div nz-col [nzSpan]="7" style="height:9rem;" (click)='ontegimg(item)'>
                        <img style="width: 7rem;" src="{{item.img}}" alt="">
                    </div>
                    <div nz-col [nzSpan]="" >
                        <h3>{{item.name}}</h3>
                        <p>{{item.guige}}</p>
                        <p>{{item.changshang}}</p>
                    </div>
                </div>

                <div style="text-align: center; padding-top: 1rem">
                    <p *ngIf='_yaopinList.length < 3'  (click)="isShow(true)">点击展示更多</p>
                    <p *ngIf='_yaopinList.length > 3' (click)="isShow(false)">收起展示</p>
                </div>
            </div>
            <div>
                <nz-divider nzDashed [nzText]="text" nzOrientation="left">
                    <ng-template #text><i nz-icon type="plus"></i> 评价</ng-template>
                </nz-divider>
                <div>
                    <label for=""><h3>药效好：</h3></label>
                    <nz-rate [(ngModel)]="value1" [nzTooltips]="tooltips1"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value1 ? tooltips1[value1 - 1] : '' }}</span>
                </div>
                <div>
                    <label for=""> <h3>取药快：</h3> </label>
                    <nz-rate [(ngModel)]="value2" [nzTooltips]="tooltips2"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value2 ? tooltips2[value2 - 1] : '' }}</span>
                </div>
                <div>
                    <label for=""><h3>服务好：</h3></label>
                    <nz-rate [(ngModel)]="value3" [nzTooltips]="tooltips3"></nz-rate>
                    <span *ngIf="value" class="ant-rate-text">{{ value3 ? tooltips3[value3 - 1] : '' }}</span>
                </div>
            </div>
            
            <div>
                <nz-divider nzDashed [nzText]="text1" nzOrientation="left">
                    <ng-template #text1><i nz-icon type="plus"></i> 不良反应</ng-template>
                </nz-divider>
                
                <div class="blfy-c">
                    <div class="blfy-card" nz-row  *ngFor="let item of blfyData" (click)="item.sel = !item.sel">
                        <nz-tag [nzColor]="item.sel?'#f50':''"> {{item.text}}</nz-tag>
                    </div>
                </div>
            </div>

            
        </nz-card>
                <footer class="foord"  (click)='onZXFK()'>
                
                    <i nz-icon type="setting"></i>
                    <span> 撰写反馈</span>
                </footer>

        <ng-template  #actionSetting >
            <div class="foord"  (click)='onZXFK()'>
                
                <i nz-icon type="setting"></i>
                <span> 撰写反馈</span>
            </div>
        </ng-template>

    </div>

</div>


<nz-modal [nzOkText]=null [(nzVisible)]="issm" nzTitle="说明书" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
        <div class="selfScale">

            <img style="width: 30rem" src="{{teg}}" alt="">
            
        </div>
      </nz-modal>
<nz-modal [nzOkText]=null [(nzVisible)]="isFK" nzTitle="反馈内容" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
      <div>
        <textarea style="height: 20rem "  nz-input [(ngModel)]="inputValue" placeholder="在此输入您的建议"></textarea>
      </div>
      </nz-modal>